آموزش تگ optgroup در Html
آموزش تگ optgroup در Html
با آموزش تگ optgroup در Html همراه شما هستیم:
از تگ optgroup برای لیستها ی کشویی که دارای تعداد عناصر زیادی هستند استفاده می شود.(طراحی سایت , سئو سایت , طراحی سایت )
استفاده از این تگ موجب سهولت در انتخاب کاربر خواهد بود و بیشتر مورد توجه قرار می گیرد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ optgroup درون تگ select قرار دارد و با lable مقداردهی می شود و شامل عناصر option می باشد.
قطعه کد زیر نمونه ای از استفاده از این تگ در صفحات Html را نشان می دهد:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<html>
<body>
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
</body>
</html>
|
تگ optgroup تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
خصوصیت های تگ optgroup در Html:
خصوصیت | مقدار | توضیحات |
---|---|---|
disabled | disabled | با استفاده از این خصوصیت مشخص می نماییم که این قسمت از option-group باید به صورت غیر فعال باشد. |
label | text | توسط این خصوصیت می توانید برای هر قسمت از option-group خود یک اسم یا برچسب قرار دهید. |
پشتیبانی مرور گرها از تگ optgroup در Html:
تمامی مرور گر ها را پشتیبانی می کند.